<template>
  <van-tabs v-model="active" :class="{ vanTabsActive }">
    <van-tab :title-class="{ navtitle: navtitle[0] }" to="/films/nowPlaying" title="正在热映" />
    <van-tab :title-class="{ navtitle: navtitle[1] }" to="/films/comingSoon" title="即将上映" />
  </van-tabs>
</template>

<script>
import cmponentModule from './action'
export default cmponentModule
</script>

<style lang="scss" scoped>
/* @import url('./style.scss'); */
.vanTabsActive {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 100;
  background: #fff;
}
::v-deep {
  .navtitle {
    color: #ff5f16;
  }
  .van-tabs__line {
    background-color: #ff5f16;
  }
}
</style>
<style>
/* .van-tabs {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 1;
    background: #f00;
  } */
</style>
